
import React, { Component } from 'react'

// 加载样式
import style from './progress.scss'
import 'style/payment.scss'
export default class Progress extends Component {
    constructor(props) {
        super(props);
    }
    componentWillMount() {

    }

    render() {

        return (
            <div className={style.progress}>
                {/*<!-- top  start-->*/}
                <div className={style.am_flexbox}>
                    <div className={style.am_flexbox_item}>
                        <span className={style.cx_time_icon+' '+style.icon_success}></span>
                        <div className={style.cx_time_border} style={{left:'50%'}}></div>
                    </div>
                    <div className={style.am_flexbox_item}>
                        <span className={style.cx_time_icon+' '+style.icon_moren}></span>
                        <div className={style.cx_time_border} style={{display: 'none'}}></div>
                    </div>
                    <div className={style.am_flexbox_item}>
                        <span className={style.cx_time_icon+' '+style.icon_moren}></span>
                        <div className={style.cx_time_border}  style={{right:'50%'}}></div>
                    </div>
                </div>
                <div className={style.am_flexbox}>
                    <div className={style.am_flexbox_item+' '+style.am_text_color}>
                        支付订单
                    </div>
                    <div className={style.am_flexbox_item+' '+style.am_text_color}>
                        处理订单
                    </div>
                    <div className={style.am_flexbox_item+' '+style.am_text_color}>
                        订单完成
                    </div>
                </div>
                {/*<!-- top  end-->*/}
            </div>

        );
    }
}
// 
Progress.defaultProps = {
    // 需要的数据格式
    list: [
        { key: 0, label: '', check: false, value: '' },
    ]
} 
